﻿<!DOCTYPE html>
<html>
<head>
    <title>彩蛋校园</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,user-scalable=no" />
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/layout.css" rel="stylesheet" />
    <link href="css/scroll.css" rel="stylesheet" />
    <link href="css/c.css" rel="stylesheet" />
   
</head>
<body >
    <section id="shenghuopage">
      <!-- <header class="bottomline"><h1>校园优选</h1></header> -->
       <div class="menu-left scrollbar-none" style="height: 100%;" >
	     <ul id="sidebar">
	       
	      </ul>
        </div>
        <div style="float: left;width: 70%;margin-left: 30%;margin-bottom: 2rem;">
        	<article class="load show" style="position: relative;background: white;overflow: hidden;">
        	</article>
        </div> 
      </div>
    </section>
    <section id="shenghuoviewpage" class="footer">
        <header>
            <a href="#" class="left historyback"></a><h1></h1><div><img sharetarget="qqshare" src="img/share/qq.png" /><img sharetarget="qzoneshare" src="img/share/qzone.png" /><img sharemore="1" src="img/share/share.png" /></div>
        </header>
        <article class="load show topline"></article>
        <footer >
            <ul>
                <li>
                    <img src="img/shenghuo/jian.gif" /><span>1</span>
                    <img src="img/shenghuo/jia.gif" /><a></a><b class="zongjia"></b>
                </li>
                <li id="kaiqianbtn"></li>
            </ul>
        </footer>
    </section>
    <section id="dingdanpage" class="footer">
        <form id="orderform" method="post">
            <header>
                <a href="#" class="left historyback"></a>
                <h1>订单信息</h1>
            </header>
            <article>
                <h2>送达时间</h2>
                <div id="sendshijianwrap">
                </div>
                <h2>收货地址</h2>
                <table id="dizhiwrap">
                    <tr>
                        <td>请设置收货地址</td>
                        <td>
                            <a href="#dizhipage"><img src="img/shenghuo/dzset.png" /></a>
                        </td>
                    </tr>
                </table>
                <h2>支付方式</h2>
                <ul id="paywrap">
                    <li><label for="payalipay"><img src="img/shenghuo/alipay.png" /></label><input type="radio" id="payalipay" name="pay" value="1" checked="checked" /></li>
                    <li><label for="payweixin"><img src="img/shenghuo/weixin.png" /></label><input type="radio" id="payweixin" name="pay" value="2" /></li>
                </ul>
                <input type="hidden" id="mingcheng" name="mingcheng" />
                <input type="hidden" id="fee" name="fee" value="0.01" />
                <input type="hidden" name="appid" value="1" />
                <input type="hidden" id="orderid" name="orderid" />
                <input type="hidden" id="show_url" name="show_url" />
            </article>
            <footer>
                <ul>
                    <li><b class="zongjia"></b><a class="jifen"></a></li>
                    <li><a id="dingdansubmit" href="#payokpage">提交</a></li>
                </ul>
            </footer>
        </form>
    </section>

    <section id="paypage" class="nofooter">
        <header><h1>支付成功</h1></header>
        <article class="topline">
            <img src="img/shenghuo/pay.png" />
            <a href="#shenghuopage">支付成功</a>
        </article>
    </section>

    <!--支付成功-->
    <section id="payokpage" class="nofooter">
        <header><h1>砸彩蛋</h1></header>
        <article>
            <img id="zacaidanbtn" src="img/shenghuo/paybg.jpg" />
            <h4></h4>
            <div>
                <h3>恭喜您</h3>
                <p>
                    <b></b>
                    <span>积分</span>
                </p>
                <button type="button">
                    <img src="img/shenghuo/backbtn.png" />
                </button>
            </div>
        </article>
    </section>
    <section id="errorpage" class="nofooter">
        <header><h1>支付结果</h1><a href="/index.html" class="right">首页</a></header>
        <article class="topline">
            <div>
                <img src="img/shenghuo/payerr.gif" />
            </div>
        </article>
    </section>
    <!--周边活动-->
    <section   id="huodongpage">
            <div id="hdswitch">
                <ul></ul>
                <div id="hdsrcpoint">
                </div>
            </div>
       <!-- <article>
            <div id="hditemwrap" class="load show">
                <table id="huodonglist"></table>
            </div>
        </article> -->
        
   <div id="wrapper">  
    <div id="scroller">  
    <div id="pullDown" class=""><div class="pullDownLabel"></div></div>  
        <div class="pulldown-tips">下拉刷新</div>  
        <ul id="huodonglist">  
            <li>Pretty row 2</li>  
            <li>Pretty row 3</li>  
            <li>Pretty row 4</li>  
            <li>Pretty row 5</li>  
            <li>Pretty row 6</li>  
            <li>Pretty row 7</li>  
            <li>Pretty row 8</li>  
            <li>Pretty row 9</li>  
            <li>Pretty row 10</li>  
            <li>Pretty row 11</li>  
            <li>Pretty row 12</li>  
            <li>Pretty row 13</li>  
            <li>Pretty row 14</li>  
            <li>Pretty row 15</li>  
            <li>Pretty row 16</li>  
            <li>Pretty row 17</li>  
            <li>Pretty row 18</li>  
            <li>Pretty row 19</li>  
            <li>Pretty row 20</li>  
        </ul>  
        <div id="pullUp" class="">  
        <div class="pullUpLabel">加载更多</div>  
        </div>  
    </div>  
</div>  
        
    </section>
    <!--活动介绍-->
    <section id="huodongjieshaopage" class="nofooter">
        <header class="bottomline"><a href="#" class="left historyback"></a><h1>活动介绍</h1><a href="#" class="right disabled">确定</a></header>
        <article class="topline">
            <ul>
                <li><input type="text" id="huodongzhuti" maxlength="15" placeholder="请填写活动主题" /></li>
                <li><textarea id="huodongjieshao" placeholder="详细介绍"></textarea></li>
            </ul>
        </article>
    </section>
    <!--周边活动详情页-->
    <section id="huodongview" class="footer">
        <header class="bottomline"><a href="#" class="left historyback"></a><h1>活动详情</h1><a href="#" class="right allow">报名</a></header>
        <article class="liuyan" style="margin-top: 1rem;">
            <div id="huodonginfo" class="load show"><br /><br /><br /></div>
            <h2 id="yibaomingde">已报名的同学<span>喊人一起来</span></h2>
            <ul id="yibaoming"></ul>
            <h2>留言</h2>
            <ul id="huodongliuyanlist" class="liuyanlist"></ul>
        </article>
        <footer class="liuyan">
            <ul>
                <li>
                    <textarea type="text" id="huodongliuyan" placeholder="写点什么吧"></textarea>
                </li>
                <li>
                    <button type="button" id="huodongliuyanbtn">发送</button>
                </li>
            </ul>
        </footer>
    </section>

    <!--彩市场-->
    <section id="shoppage">
        <!-- <header class="bottomline"><h1>校园微商</h1><a href="#shopfabupage" class="right">发布</a></header> -->
        <article class="">
            <div></div>
        </article>
    </section>

    <!--校园微商详情页-->
    <section id="shichangview" class="footer">
        <header class="bottomline"><a href="#" class="left historyback"></a><h1>市场详情</h1><div><img sharetarget="qqshare" src="img/share/qq.png" /><img sharetarget="qzoneshare" src="img/share/qzone.png" /><img sharemore="1" src="img/share/share.png" /></div></header>
        <article class="topline load show liuyan">
            <div id="shopinfo"><br /><br /><br /></div>
            <h2>留言</h2>
            <ul id="shopliuyanlist" class="liuyanlist"></ul>
        </article>
        <footer class="liuyan">
            <ul>
                <li>
                    <textarea type="text" id="shopliuyan" placeholder="写点什么吧"></textarea>
                </li>
                <li>
                    <button type="button" id="shopliuyanbtn">发送</button>
                </li>
            </ul>
        </footer>
    </section>
    <!--图片浏览-->
    <section id="photoview" class="noheader nofooter">
        <article>
            <ul></ul>
        </article>
    </section>

    <!--菜市场发布-->
    <section id="shopfabupage" class="nofooter">
        <header class="bottomline"><a href="#" class="left historyback"></a><h1>商品发布</h1><a href="#shopfabupage" class="right">发布</a></header>
        <article class="topline">
            <form id="shopform">
                <p><span>类型</span><input type="radio" id="leixingid1" name="leixingid" value="1" checked /><label for="leixingid1">二手</label><input type="radio" id="leixingid2" name="leixingid" value="2" /><label for="leixingid2">新品</label></p>
                <p><span>价格</span><input type="number" id="shangpinjiage" name="jiage" placeholder="请输入价格" /></p>
                <div>
                    <textarea id="shangpingjieshao" name="jieshao" placeholder="写点商品的介绍文字吧~"></textarea>
                </div>
                <ul></ul>
            </form>
        </article>
    </section>

    <!---选择图片-->
    <section id="selectephoto" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>选择图片</h1><a href="#" class="right">确定</a></header>
        <article class="topline">
            <ul><li><img src="img/shop/camera.png" /></li></ul>
        </article>
    </section>

    <!--注册页-->
    <section id="regpage" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>WELCOME</h1></header>
        <article>
            <form id="regform">
                <img src="img/user/logo.jpg" />
                <input type="text" id="regnickname" name="nickname" maxlength="10" placeholder="请输入昵称" />
                <input type="tel" id="regtelphone" name="account" maxlength="11" placeholder="请输入手机号" />
                <p>获取验证码</p>
                <input type="number" id="regcode" name="regcode" maxlength="4" placeholder="请输入验证码" />
                <input type="password" id="regpwd" name="pwd" placeholder="请输入密码" />
                <b>
                    <img src="img/user/eye.png" />
                </b>
                <button type="button" id="regbtn">注册</button>
                <div>同意<a href="#fuwuxieyi">服务协议</a></div>
            </form>
        </article>
    </section>

    <section id="fuwuxieyi" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>用户协议</h1></header>
        <article class="topline">
            <p>在此特别提醒您（用户）在注册成为用户之前，请认真阅读本《用户协议》（以下简称“协议”），确保您充分理解本协议中各条款。请您审慎阅读并选择接受或不接受本协议。除非您接受本协议所有条款，否则您无权注册、登录或使用本协议所涉服务。您的注册、登录、使用等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。本协议约定山东彩蛋生活网络科技有限公司开发中心与用户之间关于“山东彩蛋生活网络科技有限公司开发中心”软件服务（以下简称“服务”）的权利义务。“用户”是指注册、登录、使用本服务的个人。本协议可由山东彩蛋生活网络科技有限公司开发中心随时更新，更新后的协议条款一旦公布即代替原来的协议条款，恕不再另行通知，用户可在本APP中查阅最新版协议条款。在修改协议条款后，如果用户不接受修改后的条款，请立即停止使用山东彩蛋生活网络科技有限公司开发中心提供的服务，用户继续使用山东彩蛋生活网络科技有限公司开发中心提供的服务将被视为接受修改后的协议。</p>
            <p>一、帐号注册</p>
            <p>
                1、用户在使用本服务前需要注册一个“山东彩蛋生活网络科技有限公司开发中心”账号。“开山东彩蛋生活网络科技有限公司发中心”账号应当使用手机号码绑定注册，请用户使用尚未与“山东彩蛋生活网络科技有限公司开发中心”账号绑定的手机号码，以及未被山东彩蛋生活网络科技有限公司开发中心根据本协议封禁的手机号码注册“山东彩蛋生活网络科技有限公司开发中心”账号。山东彩蛋生活网络科技有限公司开发中心可以根据用户需求或产品需要对账号注册和绑定的方式进行变更，而无须事先通知用户。
            </p>
            <p>
                2、“山东彩蛋生活网络科技有限公司开发中心”系基于山东彩蛋生活网络科技有限公司开发的APP产品，用户注册时应当授权山东彩蛋生活网络科技有限公司开发中心公开及使用其个人信息方可成功注册“山东彩蛋生活网络科技有限公司开发中心”账号。故用户完成注册即表明用户同意山东彩蛋生活网络科技有限公司开发中心提取、公开及使用用户的信息。
            </p>
            <p>
                3、鉴于“山东彩蛋生活网络科技有限公司开发中心”账号的绑定注册方式，您同意山东彩蛋生活网络科技有限公司开发中心在注册时将允许您的手机号码及手机设备识别码等信息用于注册。
            </p>
            <p>
                4、在用户注册及使用本服务时，山东彩蛋生活网络科技有限公司开发中心需要搜集能识别用户身份的个人信息以便山东彩蛋生活网络科技有限公司开发中心可以在必要时联系用户，或为用户提供更好的使用体验。山东彩蛋生活网络科技有限公司开发中心搜集的信息包括但不限于用户的姓名、地址；山东彩蛋生活网络科技有限公司开发中心同意对这些信息的使用将受限于第三条用户个人隐私信息保护的约束。
            </p>
            <p>
                二、用户个人隐私信息保护
            </p>
            <p>
                1、如果山东彩蛋生活网络科技有限公司开发中心发现或收到他人举报或投诉用户违反本协议约定的，山东彩蛋生活网络科技有限公司开发中心有权不经通知随时对相关内容，包括但不限于用户资料、发贴记录进行审查、删除，并视情节轻重对违规账号处以包括但不限于警告、账号封禁 、设备封禁 、功能封禁 的处罚，且通知用户处理结果。
            </p>
            <p>
                2、因违反用户协议被封禁的用户，可以自行与山东彩蛋生活网络科技有限公司开发中心联系。其中，被实施功能封禁的用户会在封禁期届满后自动恢复被封禁功能。被封禁用户可提交申诉，山东彩蛋生活网络科技有限公司开发中心将对申诉进行审查，并自行合理判断决定是否变更处罚措施。
            </p>
            <p>
                3、用户理解并同意，山东彩蛋生活网络科技有限公司开发中心有权依合理判断对违反有关法律法规或本协议规定的行为进行处罚，对违法违规的任何用户采取适当的法律行动，并依据法律法规保存有关信息向有关部门报告等，用户应承担由此而产生的一切法律责任。
            </p>
            <p>
                4、用户理解并同意，因用户违反本协议约定，导致或产生的任何第三方主张的任何索赔、要求或损失，包括合理的律师费，用户应当赔偿山东彩蛋生活网络科技有限公司开发中心与合作公司、关联公司，并使之免受损害。
            </p>
            <p>
                三、用户发布内容规范
            </p>
            <p>
                1、本条所述内容是指用户使用山东彩蛋生活网络科技有限公司开发中心的过程中所制作、上载、复制、发布、传播的任何内容，包括但不限于账号头像、名称、用户说明等注册信息及认证资料，或文字、语音、图片、视频、图文等发送、回复或自动回复消息和相关链接页面，以及其他使用账号或本服务所产生的内容。
            </p>
            <p>
                2、用户不得利用“山东彩蛋生活网络科技有限公司开发中心”账号或本服务制作、上载、复制、发布、传播如下法律、法规和政策禁止的内容：
            </p>
            <p>
                (1) 反对宪法所确定的基本原则的；
            </p>
            <p>
                (2) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
            </p>
            <p>
                (3) 损害国家荣誉和利益的；
            </p>
            <p>
                (4) 煽动民族仇恨、民族歧视，破坏民族团结的；
            </p>
            <p>
                (5) 破坏国家宗教政策，宣扬邪教和封建迷信的；
            </p>
            <p>
                (6) 散布谣言，扰乱社会秩序，破坏社会稳定的；
            </p>
            <p>
                (7) 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
            </p>
            <p>
                (8) 侮辱或者诽谤他人，侵害他人合法权益的；
            </p>
            <p>
                (9) 含有法律、行政法规禁止的其他内容的信息。
            </p>
            <p>
                3、用户不得利用“山东彩蛋生活网络科技有限公司开发中心”账号或本服务制作、上载、复制、发布、传播如下干扰“山东彩蛋生活网络科技有限公司开发中心”正常运营，以及侵犯其他用户或第三方合法权益的内容：
            </p>
            <p>
                (1) 含有任何性或性暗示的；
            </p>
            <p>
                (2) 含有辱骂、恐吓、威胁内容的；
            </p>
            <p>
                (3) 含有骚扰、垃圾广告、恶意信息、诱骗信息的；
            </p>
            <p>
                (4) 涉及他人隐私、个人信息或资料的；
            </p>
            <p>
                (5) 侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的；
            </p>
            <p>
                (6) 含有其他干扰本服务正常运营和侵犯其他用户或第三方合法权益内容的信息。
            </p>

            <p>
                四、使用规则
            </p>
            <p>
                1、用户在本服务中或通过本服务所传送、发布的任何内容并不反映或代表，也不得被视为反映或代表山东彩蛋生活网络科技有限公司开发中心的观点、立场或政策，山东彩蛋生活网络科技有限公司开发中心对此不承担任何责任。
            </p>
            <p>
                2、用户不得利用“山东彩蛋生活网络科技有限公司开发中心”账号或本服务进行如下行为：
            </p>
            <p>
                (1) 提交、发布虚假信息，或盗用他人头像或资料，冒充、利用他人名义的；
            </p>
            <p>
                (2) 强制、诱导其他用户关注、点击链接页面或分享信息的；
            </p>
            <p>
                (3) 虚构事实、隐瞒真相以误导、欺骗他人的；
            </p>
            <p>
                (4) 利用技术手段批量建立虚假账号的；
            </p>
            <p>
                (5) 利用“山东彩蛋生活网络科技有限公司开发中心”账号或本服务从事任何违法犯罪活动的；
            </p>
            <p>
                (6) 制作、发布与以上行为相关的方法、工具，或对此类方法、工具进行运营或传播，无论这些行为是否为商业目的；
            </p>
            <p>
                (7) 其他违反法律法规规定、侵犯其他用户合法权益、干扰“山东彩蛋生活网络科技有限公司开发中心”正常运营或山东彩蛋生活网络科技有限公司开发中心未明示授权的行为。
            </p>
            <p>
                3、用户须对利用“山东彩蛋生活网络科技有限公司开发中心”账号或本服务传送信息的真实性、合法性、无害性、准确性、有效性等全权负责，与用户所传播的信息相关的任何法律责任由用户自行承担，与山东彩蛋生活网络科技有限公司开发中心无关。
                如因此给山东彩蛋生活网络科技有限公司开发中心或第三方造成损害的，用户应当依法予以赔偿。
            </p>
            <p>
                4、山东彩蛋生活网络科技有限公司开发中心提供的服务中可能包括广告，用户同意在使用过程中显示山东彩蛋生活网络科技有限公司开发中心和第三方供应商、合作伙伴提供的广告。除法律法规明确规定外，用户应自行对依该广告信息进行的交易负责，
                对用户因依该广告信息进行的交易或前述广告商提供的内容而遭受的损失或损害，山东彩蛋生活网络科技有限公司开发中心不承担任何责任。
            </p>

            <p>
                五、其他
            </p>
            <p>
                1、山东彩蛋生活网络科技有限公司开发中心郑重提醒用户注意本协议中免除山东彩蛋生活网络科技有限公司开发中心责任和限制用户权利的条款，请用户仔细阅读，自主考虑风险。未成年人应在法定监护人的陪同下阅读本协议。
            </p>
            <p>
                2、本协议的效力、解释及纠纷的解决，适用于中华人民共和国法律。若用户和山东彩蛋生活网络科技有限公司开发中心之间发生任何纠纷或争议，首先应友好协商解决，协商不成的，用户同意将纠纷或争议提交山东彩蛋生活网络科技有限公司开发中心住所地有管辖权的人民法院管辖。
            </p>
            <p>3、本协议的任何条款无论因何种原因无效或不具可执行性，其余条款仍有效，对双方具有约束力。</p>

        </article>
    </section>

    <!--登录页-->
    <section id="loginpage" class="footer">
        <header><a href="#" class="left historyback"></a><h1>会员登录</h1><a href="#regpage" class="right">注册</a></header>
        <article class="topline">
            <img src="img/user/logo.jpg" />
            <h2>WELCOME</h2>
            <input type="text" id="loginaccount" maxlength="11" placeholder="请输入手机号" />
            <input type="password" id="loginpwd" placeholder="请输入密码" />
            <b>
                <img src="img/user/eye.png" />
            </b>
            <button type="button" id="loginbtn">登录</button>
        </article>
        <footer>
            <a href="#getpwd">忘记密码</a>
        </footer>
    </section>

    <!--忘记密码-->
    <section id="getpwd" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>忘记密码</h1></header>
        <article class="topline">
            <input type="text" id="pwdaccount" maxlength="11" placeholder="请输入手机号码" />
            <p>获取验证码</p>
            <input type="number" id="pwdcode" placeholder="请输入验证码" />
            <button type="button" id="nextbtn">下一步</button>
        </article>
    </section>

    <!--设置密码-->
    <section id="setpwdpage" class="nofooter">
        <header><h1>新密码</h1></header>
        <article class="topline">
            <input type="text" id="setpwd" placeholder="输入新密码" />
            <input type="text" id="setrepwd" placeholder="重新输入新密码" />
            <button type="button" id="setnewsbtn">确认</button>
        </article>
    </section>

    <!--关于彩蛋校园-->
    <section id="aboutpage" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>关于彩蛋校园</h1></header>
        <article class="topline">
            <img src="img/user/logo.jpg" />
            <h2>彩蛋校园  V1.0</h2>
            <p>上彩蛋，享校园！彩蛋校园致力于打造“最懂大学生”的大学城移动生活服务平台，更好满足大学生从入学到毕业的学习、工作和娱乐需求，致力于帮助大学生享受更加愉快的大学生活。</p>
            <br />
            <p>彩蛋创业群：535521271</p>
            <p>客服热线：13181723605</p>
            <br />
            <p><button type="button">退出登录</button></p>
        </article>
    </section>

    <!--彩中心-->
    <section id="mypage">
        <!-- <header ><h1>彩中心</h1></header> -->
        <article >
            <table>
                <tr id="gerenxinxi"></tr>
            </table>
            <ul class="item arrowr icon flex">
                <li><label><img src="img/zhongxin/ico1.png" /></label><a href="#dizhipage">收货地址</a></li>
                <li><label><img src="img/zhongxin/ico2.png" /></label><a href="#mydingdan">我的订单</a></li>
               <!--  <li><label><img src="img/zhongxin/ico3.png" /></label><a href="#myshop">我发布的商品</a></li>
                <li><label><img src="img/zhongxin/ico4.png" /></label><a href="#myhuodong">我发布的活动</a></li> -->
            </ul>
            <ul class="item arrowr icon flex">
                <li><label><img src="img/zhongxin/ico5.png" /></label><a href="#aboutpage">关于彩蛋校园</a></li>
            </ul>
        </article>
    </section>

    <!--实名认证-->
    <section id="renzhengpage" class="renzhengpage nofooter">
        <header><a href="#" class="left historyback"></a><h1>实名认证</h1><a class="right">提交</a></header>
        <article class="topline">
            <form id="renzhengform">
                <table>
                    <caption id="shibaiwrap"></caption>
                    <tr>
                        <td>姓名</td>
                        <td><input type="text" id="realname" name="realname" placeholder="请输入姓名" /></td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td><input type="radio" id="sex1" name="sex" value="1" /><label for="sex1">男</label><input type="radio" id="sex2" name="sex" value="2" /><label for="sex2">女</label></td>
                    </tr>
                    <tr>
                        <td>学校</td>
                        <td><input type="text" id="xuexiao" name="xuexiao" placeholder="请输入学校名称" /></td>
                    </tr>
                    <tr>
                        <td>学号</td>
                        <td><input type="text" id="xuehao" name="xuehao" placeholder="请输入学号" /></td>
                    </tr>
                    <tr>
                        <td>学生证</td>
                        <td><h3>示例</h3></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <input type="hidden" id="xueshengzheng" name="xueshengzheng" />
                            <ul>
                                <li id="xueshengzhengplus"><a href="#selectephoto"><img id="xueshengzhengplusbtn" src="img/shop/plus.png" /></a></li>
                                <li><img src="img/user/shili.jpg" /></li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </form>
        </article>
    </section>

    <!--个人中心-->
    <section id="usercenterpage" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>个人信息</h1></header>
        <article>
            <ul class="item flex icon right arrowr">
                <li><label>头像</label><a href="#selectephoto" id="useravatarbtn"><span><img id="useravatar" /></span></a></li>
                <li><label>昵称</label><a href="#usereditpage" id="usernickname"></a></li>
            </ul>
        </article>
    </section>

    <!--用户编辑-->
    <section id="usereditpage" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>编辑资料</h1><a  class="right allow">保存</a></header>
        <article class="topline">
            <ul><li><input type="text" id="editnickname" /></li></ul>
        </article>
    </section>

    <!--实名认证-->
    <section id="yirenzhengpage" class="renzhengpage nofooter">
        <header><a href="#" class="left historyback"></a><h1>实名认证</h1></header>
        <article class="topline">
            <table>
                <tr>
                    <td>姓名</td>
                    <td id="yirealname"></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td id="yisex"></td>
                </tr>
                <tr>
                    <td>学校</td>
                    <td id="yixuexiao"></td>
                </tr>
                <tr>
                    <td>学号</td>
                    <td id="yixuehao"></td>
                </tr>
                <tr>
                    <td>学生证</td>
                    <td><h3>示例</h3></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <ul>
                            <li id="yishili"><img src="img/shop/plus.png" /></li>
                            <li><img src="img/user/shili.jpg" /></li>
                        </ul>
                    </td>
                </tr>
            </table>
        </article>
    </section>

    <!--地址设置-->
    <section id="dizhipage" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>收货地址</h1><a class="right">确定</a></header>
        <article class="topline">
            <ul class="item flex arrowr right">
                <li><label>地址</label><a href="#quyupage">请选择区域</a></li>
                <li class="noarrowr"><input type="text" maxlength="30" id="dizhi" name="dizhi" placeholder="请设置收货地址" /></li>
            </ul>
        </article>
    </section>

    <!--我的订单-->
    <section id="mydingdan" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>我的订单</h1></header>
        <article class="topline load show">
            <table></table>
        </article>
    </section>

    <section id="mypingjia" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>评价</h1><a href="#" class="right">确认</a></header>
        <article class="topline">
            <form id="pingjiaform">
                <h2>产品<span>积分 +1</span></h2>
                <p><input type="radio" id="pjchanpin1" name="pjchanpin" value="1" checked /><label for="pjchanpin1">满意</label><input type="radio" id="pjchanpin2" name="pjchanpin" value="2" /><label for="pjchanpin2">一般</label><input type="radio" id="pjchanpin0" name="pjchanpin" value="0" /><label for="pjchanpin0">不满意</label></p>
                <h2>服务<span>积分 +1</span></h2>
                <p><input type="radio" id="pjfuwu1" name="pjfuwu" value="1" checked /><label for="pjfuwu1">满意</label><input type="radio" id="pjfuwu2" name="pjfuwu" value="2" /><label for="pjfuwu2">一般</label><input type="radio" id="pjfuwu0" name="pjfuwu" value="0" /><label for="pjfuwu0">不满意</label></p>
                <h2>意见与建议<span>积分 +3</span></h2>
                <div><textarea placeholder="请针对产品和服务提出意见和建议，15字以上（可选填）" name="jianyi"></textarea></div>
            </form>
        </article>
    </section>

    <!--我发布的商品-->
    <section id="myshop" class="nofooter">
        <header class="bottomline"><a href="#" class="left historyback"></a><h1>我发布的商品</h1></header>
        <article class="load show">
            <ul></ul>
        </article>
    </section>

    <!--我发布的活动-->
    <section id="myhuodong" class="nofooter">
        <header class="bottomline"><a href="#" class="left historyback"></a><h1>我发布的活动</h1></header>
        <article class="load show">
            <ul></ul>
        </article>
    </section>
    <!--编辑活动-->
    <section id="edithuodong" class="nofooter">
        <header class="bottomline"><a href="#" class="left historyback"></a><h1>编辑活动</h1><a href="#" class="right">确认</a></header>
        <article class="load show">
            <form id="huodongform">
                <input type="hidden" name="action" value="edit" />
                <ul class="item flex arrowr right">
                    <li><label>类型</label><a id="fenleiidwrab"><input type="hidden" id="fenleiid" name="fenleiid" /><span></span></a></li>
                    <li><label>时间</label><a id="datetimepicker"></a><input type="hidden" id="huodongshijian" name="huodongshijian" /></li>
                    <li><input type="text" id="hdtitle" name="title" maxlength="15" placeholder="请输入活动主题" /></li>
                    <li>
                        <textarea id="hdneirong" name="neirong" placeholder="请输入活动内容"></textarea>
                    </li>
                </ul>
            </form>
        </article>
    </section>

    <!--区域设置-->
    <section id="quyupage" class="nofooter">
        <header><a href="#" class="left historyback"></a><h1>收货地址</h1></header>
        <article class="topline">
            <div>
                <ul id="shengid"></ul>
                <ul id="shiid"></ul>
                <ul id="xianid"></ul>
            </div>
        </article>
    </section>

    <!--引导页-->
    <section id="guidepage" class="nofooter noheader">
        <article>
            <ul>
                <li>
                	<div style="background-image: url(img/01.jpg);background-repeat:round;">
                	</div>
                </li>
                <li>
                	<div style="background-image: url(img/02.jpg);background-repeat:round;">
                	</div>
                </li>
                <li>
                <div style="background-image: url(img/03.jpg);background-repeat:round;">
                	</div>
                </li>
                <li>
                <div style="background-image: url(img/04.jpg);background-repeat:round;">
                	</div>
                </li>
                <li>
                	<div style="background-image: url(img/05.jpg);background-repeat:round;">
	                	<div id="guidemenustart">
	                        <img src="img/qidong.png" />
	                    </div>
                	</div>
                    
                </li>
            </ul>
        </article>
    </section>

    <section id="netstatepage" class="nofooter">
        <header><h1>网络信息</h1></header>
        <article class="topline">
            <img src="img/net/state.jpg" />
            <img id="resetnet" src="img/net/reset.png" />
        </article>
    </section>

    <footer class="icon" style="position: fixed;">
        <a href="#shenghuopage" class="active">校园优选</a>
        <!-- <a href="#shoppage">校园微商</a> -->
        <a href="#huodongpage">手游竞技</a>
        <a href="#mypage">彩中心</a>
    </footer>

    <div id="tipsmsgwrap">
    </div>
    <div id="tipsmsg">
        <h2>系统提示</h2>
        <p>您还没有实名认证</p>
        <a href="#renzhengpage">快去认证吧</a>
    </div>
    <div id="huodongselectwrap">
        <p>选择类型<button type="button" class="right">确定</button></p>
        <div id="huodongslide">
            <ul id="huodongleixing" curpage="0"></ul>
            <ul class="selectmask">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <div id="shijianselectwrap">
        <p>选择时间<button type="button" class="right">确定</button></p>
        <table>
            <tbody>
                <tr>
                    <td>
                        <div id="selectyear">
                            <ul id="selectyearitem" curpage="0"></ul>
                            <ul class="selectmask">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <div id="selecthour">
                            <ul id="selecthouritem" curpage="0"></ul>
                            <ul class="selectmask">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </td>
                    <td>：</td>
                    <td>
                        <div id="selectminutes">
                            <ul id="selectminutesitem" curpage="0"></ul>
                            <ul class="selectmask">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="sharewrap">
        <dl>
            <dt>分享至</dt>
            <dd sharetarget="WXSceneSession">微信好友</dd>
            <dd sharetarget="WXSceneTimeline">微信朋友圈</dd>
            <dd sharetarget="qqshare">QQ好友</dd>
            <dd sharetarget="qzoneshare">QQ空间</dd>
        </dl>
    </div>
    <div id="hdsharewrap">
        <dl>
            <dt>分享至</dt>
            <dd sharetarget="WXSceneSession">
                <img src="img/share/hdweixin.png" />微信好友
            </dd>
            <dd sharetarget="WXSceneTimeline">
                <img src="img/share/hdpenyou.png" />朋友圈
            </dd>
            <dd sharetarget="qqshare">
                <img src="img/share/hdqq.png" />QQ好友
            </dd>
            <dd sharetarget="qzoneshare">
                <img src="img/share/hdqzone.png" />QQ空间
            </dd>
        </dl>
    </div>
    <script src="data/dictdata.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.signalR.js"></script>
    <script src="js/validated.min.js"></script>
    <script src="js/rsseasy.min.js"></script>
    <script src="js/webviewadapter.min.js"></script>
    <script src="js/md5.min.js"></script>
    <script src="js/iscroll.js"></script>
    <script src="js/controller.js"></script>
    
</body>
</html>
